#變數作用域與全域變數
在SASS中，變數是一個非常強大的功能，讓我們可以在多個地方重複使用相同的值。然而，當專案變得越來越大時，管理這些變數可能變得複雜，這時了解變數的作用域便顯得尤為重要。今天要來講解3個變數的作用域:
#全域變數
在SASS中，所有在外部宣告的變數都屬於全域變數，這表示這些變數可以在任何SASS文件的任何地方被使用。全域變數非常適合那些需要在多個文件中共享的設定，比如主題顏色、字體大小或佈局的寬度。

$primary-color: #3498db;
body {
    background-color: $primary-color;
}

.button {
    color: $primary-color;
}

在這個範例中，$primary-color是一個全域變數，可以在body和.button兩個選擇器中使用。
#局部變數
如果我們希望變數僅在特定的範圍內有效，那麼我們可以使用局部變數。局部變數僅限於其所在的區塊範圍內生效，這樣可以避免全域變數的污染。

@mixin example {
    $local-color: red;
    color: $local-color;
}

.button {
    @include example;
}

在這個範例中，$local-color只在@mixin example內有效，無法在其他地方使用。
#全域變數覆蓋
有時候，我們可能需要在局部範圍內覆蓋全域變數的值。這時候可以使用 !global 來標記變數，使其影響全域變數。

$primary-color: #3498db;

.button {
    $primary-color: #2ecc71 !global;
    color: $primary-color;
}

.alert {
    color: $primary-color;
}

通過使用 !global，我們可以在局部範圍內修改全域變數的值，並且這些更改會影響到其他使用該變數的地方。

變數的作用域在SASS中非常重要，它可以幫助我們有效管理變數，避免混亂。全域變數適合那些需要多處使用的樣式，而局部變數則可以用來隔離特定區域的變數，防止不必要的影響。透過對變數作用域的正確理解，我們可以在SASS專案中更好地組織和管理樣式。

今天的SASS變數作用域就介紹到這裡，歡迎指正錯誤！
加油！！！